﻿/*-------------------------------------------------------------
CSS utilizado para los botones de Login con Facebook y Twitter
-------------------------------------------------------------*/

/* Facebook Button */
.facebookButton
{
    height: 22px;
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    text-decoration: none;
    text-indent: -9999px;
    overflow: hidden;
    background-image: url(images/facebook_signin.png);
    width: 150px;
    float: right;
    padding-left: 5px;
}
.facebookButton:hover
{
    background-position: 0px -24px;
}
.facebookButton:active
{
    background-position: 0px -48px;
}

/* Twitter Button */
.twitterButton
{
    height: 22px;
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    text-decoration: none;
    text-indent: -9999px;
    overflow: hidden;
    background-image: url(images/twitter_signin.png);
    width: 150px;
    float: left;
    padding-right: 5px;
}
.twitterButton:hover
{
    background-position: 0px -24px;
}
.twitterButton:active
{
    background-position: 0px -48px;
}

/* Social Buttons Div */
#social_buttons
{
    width: 315px;
    float: inherit;
}
